<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="layout" content="main" />
    <title>Inscri&ccedil;&atilde;o on-line</title>
    <g:javascript src="jquery-1.4.2.min.js" />
    <g:javascript library="prototype" />
   <script type="text/javascript">
      function valida(valor,input) {
 var passwd = document.getElementById('passwd') ;
 var pass = document.getElementById('pass') ; 
 if(passwd.value && pass.value ) {
   if (passwd.value != pass.value) {
 passwd.value = '';
 pass.value = '';
alert('Senhas Não Coincidem');
return false;
  }
 };
 if(email.value && email2.value ) {
   if (email.value != email2.value) {
 email.value = '';
 email2.value = '';
alert('E-mails Não Coincidem');
return false;
   }
 };
 new Ajax.Request('../inscricao/'+ input + '?valor='+valor+'&passwd='+passwd, {
       dataType: "json",
      onSuccess: function(response) {
      var dados = eval('(' + response.responseText + ')');
      atualiza(dados.valida, dados.menssagem ,input);
      }});
      };

      function atualiza(valor,menssagem,input) { 
  if (valor == false) {
      var documento = document.getElementById(input)
      documento.style.border = '1px solid red';
      alert(menssagem)
      documento.value = ''
      document.focus()
     } else {
         document.getElementById(input).style.border = '1px solid green';
       }    
      };

                 function atualizaPorCnpj(valor) {
 new Ajax.Request('../inscricao/atualizaPorCnpj?valor='+valor, {
       dataType: "json",
      onSuccess: function(response) {
      var dados = eval('(' + response.responseText + ')');
  if (dados.nome) {
    var razaoSocial = document.getElementById('razaoSocial').value = dados.nome;
    var cnes = document.getElementById('cnes').value = dados.cnes;
   var endereco = document.getElementById('endereco').value = dados.endereco;
         }
      }
    }
  );
};

           function atualizaPorCnes(valor) {
 new Ajax.Request('../inscricao/atualizaPorCnes?valor='+valor, {
       dataType: "json",
      onSuccess: function(response) {
      var dados = eval('(' + response.responseText + ')');
  if (dados.nome) {
    var razaoSocial = document.getElementById('razaoSocial').value = dados.nome;
    var cnpj = document.getElementById('cnpj').value = dados.cnpj;
   var endereco = document.getElementById('endereco').value = dados.endereco;
         }
      }
    }
  );
};

 
function mostra_ajax() {
document.getElementById("imgAjax").style.display = 'block';
}
  

      
      </script>
</head>
<body>
  <div class="body">    
    <h1>Inscri&ccedil;&otilde;es on-line</h1>
    <div class="spacer"></div>
    <div class="info">
      <font style="text-align: justify">
      <h3><font style="color:red;"> Aten&ccedil;&atilde;o! </font><br> Antes de preecher as informa&ccedil;&otilde;es abaixo fique atento as seguintes observa&ccedil;&otilde;es:</h3>
      <br>
      <p>O processo de incri&ccedil;&atilde;o on-line consiste em dois passos.</p>
      <br>
       
      <ul>
        <li>Passo 1: Preenchimento do formul&aacute;rio abaixo, onde todos os campos s&atilde;o obrigatórios. Esclarecemos que o candidato &eacute; respons&aacute;vel pela veracidade das informa&ccedil;&otilde;es prestadas.
          <ul>
            <li>O candidato deverá submeter as informa&ccedil;&otilde;es prestadas clicando no bot&atilde;o enviar (bot&atilde;o verde). Ao fazer isso, ser&aacute; re-direcionado para uma segunda p&aacute;gina, onde aparecer&aacute; uma mensagem informando que os dados foram encaminhados com sucesso. Em seguida, o candidato receber&aacute;, na 'Caixa de Entrada' do endere&ccedil;o eletr&ocirc;nico informado, uma mensagem intitulada 'Processo Seletivo - Inscri&ccedil;&atilde;o On-line', contendo os dados de sua inscri&ccedil;&atilde;o e o link para valida&ccedil;&atilde;o das informa&ccedil;&otilde;es. Este &eacute; o final do Passo 1 e o início do Passo 2. </li>
          </ul>
        </li>
         <br>
        <li>

          Passo 2. Ao clicar no link da mensagem, voc&ecirc; ver&aacute; uma
      p&aacute;gina contendo um bot&atilde;o da cor verde escrito ‘Validar as informa&ccedil;&otilde;es’.
       
          <ul>
            <li>
              Ap&oacute;s 'Validar as informa&ccedil;&otilde;es'  voc&ecirc; ser&aacute; redirecionado para uma outra
p&aacute;gina com um formul&aacute;rio contendo os campos 'e-mail' e 'Senha'.
Ao clicar no bot&atilde;o da cor verde,
escrito 'Acessar Informa&ccedil;&otilde;es' será mostrada uma tela contendo todas as informa&ccedil;&otilde;es onde
voc&e poder&aacute; imprimir sua inscri&ccedil;&atilde;o on-line
e acompanhar o processo de contratualiza&ccedil;&atilde;o.



             </li>
          </ul>
        </li>
      </ul>


    </font>
    <br>
      <p style="width:100%">Certifique-se da validade do e-mail informado e das informa&ccedil;&otilde;es prestadas.</p>
      <br>
      <br>
      <p>Atenciosamente, </p>
      <p>Comiss&atilde;o de Contratualiza&ccedil;&atilde;o dos Servi&ccedil;os de Sa&uacute;de de Fortaleza</p>
      </font>
    </div><!-- end .info -->
    <g:if test="${flash.message}">
      <div class="message">${flash.message}</div>
    </g:if>
    <g:hasErrors bean="${inscricaoInstance}">
      <div class="errors">
        <g:renderErrors bean="${inscricaoInstance}" as="list" />
      </div>
    </g:hasErrors>
    <g:form action="save">
      <input type="hidden" name="inscricao" value="${inscricaoInstance?.inscricao}" />
      <input type="hidden" name="chave" value="${inscricaoInstance?.chave}" />
      <div class="dialog">
        <div class="spacer"></div><!-- end .spacer -->
        <fieldset><legend>Informa&ccedil;&otilde;es do Estabelecimento de Sa&uacute;de</legend>
          <table>
            <tbody>
              <tr class="prop odd">
                <td valign="top" class="name">
                  <label for="cnpj"><g:message code="inscricao.cnpj.label" default="Nº de Cnpj" /></label>                
                </td>                
                <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'cnpj', 'errors')}">
              <input name="cnpj" id="cnpj"   onchange="atualizaPorCnpj(this.value);valida(this.value,this.id);" class="medium"  value="${inscricaoInstance?.cnpj}"    />
            </td>
            </tr>
            <tr class="prop">
              <td valign="top" class="name">
                <label for="cnes"><g:message code="inscricao.cnes.label" default="Código Cnes" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'cnes', 'errors')}">
            <input name="cnes" id="cnes"  onchange="atualizaPorCnes(this.value);valida(this.value,this.id);" class="small" value="${inscricaoInstance?.cnes}"  />
            </td>
            </tr>
            <tr class="prop odd">
              <td valign="top" class="name">
                <label for="razaoSocial"><g:message code="inscricao.razaoSocial.label" default="Razão Social" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'razaoSocial', 'errors')}">
               <input name="razaoSocial" id="razaoSocial"  onchange="valida(this.value,this.id);" class="big" value="${inscricaoInstance?.razaoSocial}"  />
            </td>
            </tr>
            <tr class="prop">
              <td valign="top" class="name">
                <label for="modalidadeAtendimento"><g:message code="inscricao.modalidadeAtendimento.label" default="Modalidade de Atendimento" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'modalidadeAtendimento', 'errors')}">
            <g:select name="modalidadeAtendimento" from="${inscricaoInstance.constraints.modalidadeAtendimento.inList}" 
                      value="${inscricaoInstance?.modalidadeAtendimento}"  class="big"
                      noSelection="${['null':'Selecione...']}" id="modalidadeAtendimento" onchange="valida(this.value,this.id);"
                      />
            </td>
            </tr>
            <tr class="prop odd">
              <td valign="top" class="name">
                <label for="endereco"><g:message code="inscricao.endereco.label" default="Endereço" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'endereco', 'errors')}">
                <textarea name="endereco" cols="30" rows="5" class="big"  id="endereco" onchange="valida(this.value,this.id);">${inscricaoInstance?.endereco}
                </textarea>
              </td>
            </tr>
            <tr class="prop">
              <td valign="top" class="name">
                <label for="dirigente"><g:message code="inscricao.dirigente.label" default="Diretor" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'dirigente', 'errors')}">
            <input name="dirigente" id="dirigente"  onchange="valida(this.value,this.id);" class="big" value="${inscricaoInstance?.dirigente}"  />
             </td>
            </tr>
             <tr class="prop">
              <td valign="top" class="name">
                <label for="responsavel"><g:message code="inscricao.responsavel.label" default="Responsável Pelo Preenchimento" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'dirigente', 'errors')}">
            <input name="responsavel" id="responsavel"  onchange="valida(this.value,this.id);" class="big" value="${inscricaoInstance?.responsavel}"  />
             </td>
            </tr>


            <tr class="prop odd">
              <td valign="top" class="name">
                <label for="telefone"><g:message code="inscricao.telefone.label" default="Telefone" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: inscricaoInstance, field: 'telefone', 'errors')}">
            <input name="telefone" id="telefone"  onchange="valida(this.value,this.id);" class="medium" value="${inscricaoInstance?.telefone}" />
            </td>
            </tr>
            </tbody>
          </table>
        </fieldset>
        <div class="spacer"></div>
        <g:hasErrors bean="${usuarioInstance}">
          <div class="errors">
            <g:renderErrors bean="${usuarioInstance}" as="list" />
          </div>
        </g:hasErrors>
        <fieldset><legend>Informa&ccedil;&otilde;es do usu&aacute;rio administrador</legend>
          <p   style="text-align: justify;width: 100%">
            Ao preencher os dados, ser&aacute; criado um usu&aacute;rio administrador das informa&ccedil;&otilde;es do 
            Estabelecimento acima. As informações necess&aacute;rias à conclus&atilde;o do processo de
            inscri&ccedil;&atilde;o on-line, além de outros esclarecimentos pertinentes ao processo de 
            contratualiza&ccedil;&atilde;o de serviços de sa&uacute;de do munic&iacute;pio de Fortaleza, 
            ser&atilde;o enviadas para o endere&ccedil;o eletr&ocirc;nico informado abaixo.             
            </p>
            <br>
          <table>
            <tbody>
                <tr class="prop">
              <td valign="top" class="userRealName">
                <label for="userRealName"><g:message code="usuario.userRealName.label" default="Nome completo" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: usuarioInstance, field: 'userRealName', 'errors')}">

            <input name="userRealName" id="userRealName"  onchange="valida(this.value,this.id);" class="big" value="${usuarioInstance?.userRealName?.encodeAsHTML()}" />
            </td>
            </tr>
                  <tr class="prop odd">
              <td valign="top" class="email">
                <label for="email"><g:message code="usuario.passwd.label" default="Endereço eletrônico" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: usuarioInstance, field: 'email', 'errors')}">
                <input name="email" id="email" type="text" onchange="valida(this.value,this.id);" class="big" value="${usuarioInstance?.email?.encodeAsHTML()}" />
            </td>
            </tr>

            <tr class="prop ">
              <td valign="top" class="email">
                <label for="email2"><g:message code="usuario.email2.label" default="Confirme o endereço eletrônico" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: usuarioInstance, field: 'email2', 'errors')}">
            <input name="email2" id="email2" type="text" onchange="valida(this.value,this.id);" class="big" value="${usuarioInstance?.email2?.encodeAsHTML()}" />
            </td>
            </tr>
          
            <tr class="prop odd">
              <td valign="top" class="passwd">
                <label for="passwd"><g:message code="usuario.passwd.label" default="Senha de acesso" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: usuarioInstance, field: 'passwd', 'errors')}">

            <input name="passwd" id="passwd" type="password" onchange="valida(this.value,this.id);" class="big"  />
            </td>
            </tr>
            <tr class="prop">
              <td valign="top" class="pass">
                <label for="pass"><g:message code="usuario.pass.label" default="Confirme sua senha" /></label>
              </td>
              <td valign="top" class="value ${hasErrors(bean: usuarioInstance, field: 'pass', 'errors')}">
                <input name="pass" id="pass" type="password" onchange="valida(this.value,this.id);" class="big"/>
            </td>
            </tr>
            



 
            </tbody>
          </table>
        </fieldset>
      </div>
      <div class="spacer"></div>
       


        <div class="row">
            <div class="col_2">
              <input type="submit"  onClick="mostra_ajax();" value="Enviar informações" class="cmd green save"/>
            </div>
            <div class="col_1">
              <img src="../images/ajax-loader.gif" alt="carregando" id="imgAjax" style="display: none;" />
            </div>
          </div>



      <div class="spacer"></div>
    </g:form>
  </div>
</body>
</html>
